
body {
    display: flex;
    justify-content: center
}

/*不能省略*/
* {
    margin: 0;
    /*margin 外边距后面的参数  1个 2个  3个 4个*/
    /*    padding 内边距后面的参数  1个 2个  3个 4个*/
    /*    border 边框后面的参数  1个 2个  3个 4个 */
}

body > div {
    width: 1000px;
    /*border: 1px solid red;*/
}
.top {
    background-image: url('../img/banner_qtah.jpg');
    width: 1000px;
    height: calc(808px * 1000 / 1900 + 100);
    background-size: 100% 100%
}
.top > div {
    display: flex;
    justify-content: center;
}

.top > div > div {
    width: 900px;
    /*border: 1px solid red;*/
}

.top {
    color: white;
}

.top .company > div {
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.top .company > div > div:nth-child(1) {
    height: 141px;
}

.phone {
    display: flex;
    align-items: center;
}

.phone > div:nth-child(1) {
    margin-right: 10px;
}

/*选择器---*/
/*.aa {*/
/*    background-image: url('../img/banner_qtah.jpg');*/
/*    width: 1000px;*/
/*    height: calc(808px * 1000 / 1900);*/
/*    background-size: 100% 100%*/
/*}*/
/*#bb {*/
/*    background-image: url('../img/banner_qtah.jpg');*/
/*    width: 1000px;*/
/*    height: calc(808px * 1000 / 1900);*/
/*    background-size: 100% 100%*/
/*}*/
/*-------------------导航-----------------*/
.nav {
    /*border: 1px solid red;*/
    background-color: rgb(230, 145, 55);
    /*display: flex;*/
    /*justify-content: center;*/
    height: 40px;
    line-height: 40px;
}

.nav > div {
    /*width: 900px;*/
    /*border: 1px solid blue;*/
    display: flex;
}

.nav > div > div {
    padding: 0 20px;
    cursor: pointer;
}

/*a {*/
/*    text-decoration: none;*/
/*    color: white;*/
/*}*/

.nav > div > div:hover {
    background-color: white;
    color: rgb(230, 145, 55);
}

/*.nav > div > div > a:hover {*/
/*    background-color: white;*/
/*    color: rgb(230, 145, 55);*/
/*}*/

/*--------------------广告--------------------*/
.ad > div {

}

/*p{*/
/*    line-height: 30px;*/
/*    font-size: 22px;*/
/*    font-weight: lighter;*/
/*}*/
/*p{*/
/*    line-height: 40px;*/
/*    font-size: 12px;*/
/*    font-weight: normal;*/
/*}*/
.ad > div:nth-child(1) > div:nth-child(1) {
    font-size: 20px;
    margin: 20px 0 0 0;
}

.ad > div:nth-child(1) > div:nth-child(2) {
    font-size: 8px;
    line-height: 20px;
}

.ad > div:nth-child(1) > div:nth-child(3) {
    color: rgb(230, 145, 55);
    font-size: 20px;
}

/*odd奇数，even 偶数*/
.ad > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) > span:nth-child(odd) {
    color: white;
    font-size: 15px;
}

/*em相对于当前字符缩进2个字符*/
.ad > div:nth-child(1) > div:nth-child(3) > div:nth-child(2) {
    text-indent: 2em;
}
/*-----------------------*/
.title {
    color: rgb(230, 145, 55);
    font-size: 30px;
    /*padding: 10px;*/
}
.middle {
    /*background-color: blue;*/
    display: flex;
    justify-content: center;
}
.middle > div {
    width: 900px;

    margin: 30px 0;
}
.middle > div > div {
    border: 1px solid red;
}